$lightColor = #095778
$garyColor = #999
px2rem($px){
  1rem * ($px / 12px)
}
line-clamp($lines, $line-height=1.5) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $lines; // number of lines to show
  overflow: hidden;
  line-height: $line-height;
  max-height: $line-height *$lines;
}
body
  background-color #f2f2f2
.tc
  text-align center

.tr
  text-align right

.flex
  display flex
.flex1
  flex 1

.align
  align-items center

.flex-between
  justify-content space-between

.flex-around
  justify-content space-around

.row-reverse
  flex-direction row-reverse
.bg-white
  background #fff
.font-white
  color #fff
.border-bottom1:after
  content ''
  position absolute
  left 0
  bottom 0
  width 100%
  height 1px
  border-bottom 1px solid #eeeeee
  transform scaleY(0.7)
.border-top1:after
  content ''
  position absolute
  left 0
  bottom 0
  width 100%
  height 1px
  border-top 1px solid #eeeeee
  transform scaleY(0.7)

/*清除浮动*/
.clear
  zoom 1
  &:after
    display block
    clear both
    content ""
    visibility hidden
    height 0


.loadingWrap
  position fixed
  top 50%
  left 50%
  width px2rem(100px)
  height px2rem(100px)
  margin-top px2rem(-50px)
  margin-left px2rem(-50px)
  z-index 300
  background-image url('https://pimg.ec51.com/static/cardlazy-loding.gif')
  background-repeat no-repeat
  background-position center center
  background-size 54%
  background-color rgba(0, 0, 0, 0.9)


.loading
  width px2rem(15px)
  height px2rem(15px)
  background-image url('https://pimg.ec51.com/loading4.gif')
  background-repeat no-repeat
  background-position center center
  background-size 100%
  margin px2rem(10px) auto

.wrapper
  margin px2rem(20px)
  width 30%
  height px2rem(30px)
  line-height px2rem(30px)
  text-align center
  .line
    display inline-block
    width 30%
    border-top 1px solid #ddd
    border-bottom 1px solid #ddd
    vertical-align middle
  .content
    padding 0 px2rem(20px)
